<template>
  <!-- 底部购物车组件 -->
  <div>
    <van-goods-action>
      <van-goods-action-icon
        :icon="isCollected ? 'star' : 'star-o'"
        :text="isCollected ? '已收藏' : '未收藏'"
        color="darkred"
        @click="isCollected = !isCollected"
      />
      <van-goods-action-icon icon="cart-o" text="购物车" badge="694" />

      <van-goods-action-button type="warning" text="加入购物车" />
      <van-goods-action-button type="danger" text="立即购买" />
    </van-goods-action>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isCollected: false,
    };
  },
};
</script>
 
<style lang = "less" scoped>
</style>